<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

<link rel="stylesheet"
	href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script
	src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

<script type="text/javascript">
		$(function() {
			$(".radioItem").change(
					function() {
					var hotel = $("input[name='hotel']:checked").val();
					if (hotel == 1) {
						$("#hotel_info").show();
					}else if (hotel == 0){
						$("#hotel_info").hide();
					}
			});
			
			$('#hotel_name').on('change',function(){
				$("#room_type").empty();
				$("#room_type").append("<option value='none'>请选择</option>");
				$("#room_type").selectmenu('refresh', true);
				var hotel_name = $(this).val();
				if($(this).val() == "学苑宾馆"){
					$("#room_type").append("<option value='标准双人间  438元/天含早' selected='selected'>标准双人间  438元/天含早</option>");
					$("#room_type").append("<option value='普通双人间  478元/天含早'>普通双人间  478元/天含早</option>");
					$("#room_type").append("<option value='大床房  608元/天含早'>大床房  608元/天含早</option>");
					$("#room_type").append("<option value='专家房  1338元/天含早'>专家房  1338元/天含早</option>");
				}
				if($(this).val() == "五洲宾馆"){
					$("#room_type").append("<option value='标准双人间  760元/天含早'  selected='selected'>标准双人间  760元/天含早</option>");
					$("#room_type").append("<option value='标准大床房  760元/天含早'>标准大床房  760元/天含早</option>");
				}
			});
			
			$("#submit").click(function() {
				if($("#group").val() == null || $("#group").val() == ""){
					alert("请选择专题组");
					return false;
				}
				if($("#name").val() == null || $("#name").val() == ""){
					alert("请填写姓名");
					return false;
				}
				if($("#company").val() == null || $("#company").val() == ""){
					alert("请填写工作单位");
					return false;
				}
				if($("#mobile").val() == null || $("#mobile").val() == ""){
					alert("请填写手机号");
					return false;
				}
				if($("#mail").val() == null || $("#mail").val() == ""){
					alert("请填写邮箱");
					return false;
				}
			});
		});
</script>
</head>
<body>
	<div data-role="page" id="a">
		<div data-role="header" data-position="fixed" data-theme="b">
			<h2>岩土工程师论坛</h2>
		</div>

		<div data-role="content">
			<form method="post" action="${pageContext.request.contextPath}/enroll/insert">

				<div data-role="fieldcontain">
					<label for="group">专题组</label>
					<select name="specialGroup"
						id="group">
						<option value=''>请选择</option>
						<option value='第一专题组：地下结构安全性研究与实践'>第一专题组：地下结构安全性研究与实践</option>
						<option value='第二专题组：城市地下空间与城轨岩土技术研究与实践'>第二专题组：城市地下空间与城轨岩土技术研究与实践</option>
						<option value='第三专题组：大面积场地与地基处理技术研究与实践'>第三专题组：大面积场地与地基处理技术研究与实践</option>
						<option value='第四专题组：深基础工程施工新技术研究与实践'>第四专题组：深基础工程施工新技术研究与实践</option>
						<option value='第五专题组：岩土工程测试新技术研究与实践'>第五专题组：岩土工程测试新技术研究与实践</option>
						<option value='第六专题组：环境岩土工程研究与实践'>第六专题组：环境岩土工程研究与实践</option>
						<option value='第七专题组：岛礁建设的岩土工程研究与实践'>第七专题组：岛礁建设的岩土工程研究与实践</option>
						<option value='第八专题组：地质灾害风险与防控'>第八专题组：地质灾害风险与防控</option>
						<option value='第九专题组：岩土工程标准与信息化'>第九专题组：岩土工程标准与信息化</option>
					</select>
					
					
					<label for="name">姓名</label>
    				<input type="text" name="name" id="name">
					<label for="sex">性别</label>
					<input type="radio" name="sex" id="sex1" value="man" checked="checked" />
 					<label for="sex1">男</label>
					<input type="radio" name="sex" id="sex2" value="women"/>
 					<label for="sex2">女</label>
					<label for="company">工作单位</label>
    				<input type="text" name="company" id="company">
					<label for="gowith">随行人员</label>
    				<input type="text" name="gowith" id="gowith">
    				<label for="job">职务</label>
    				<input type="text" name="job" id="job">
    				<label for="title">职称</label>
    				<input type="text" name="title" id="title">
    				<label for="mobile">手机号码</label>
    				<input type="text" name="mobile" id="mobile">
    				<label for="mail">电子邮箱</label>
    				<input type="text" name="mail" id="mail">
 					
 					<label for="hotel">是否住宿（入住时缴纳住宿费）</label>
					<input type="radio" class="radioItem" name="hotel" id="hotel1" value="1" checked="checked" />
 					<label for="hotel1">是</label>
					<input type="radio" class="radioItem" name="hotel" id="hotel2" value="0"/>
 					<label for="hotel2">否</label>
    				<div id="hotel_info">
    					<label for="hotel_name">选择入住宾馆</label>
						<select name="hotelName" id="hotel_name">
							<option value=''>请选择</option>
							<option value='学苑宾馆'>学苑宾馆</option>
							<option value='五洲宾馆'>五洲宾馆</option>
						</select>
						
   						<label for="room_type">选择房间类型</label>
						<select name="roomType" id="room_type">
							<option value=''>请选择</option>
						</select>
						
						<label for="">选择入住人数</label>
						<select name="guestNum" id="guest_num">
							<option value=''>请选择</option>
							<option value='1'>1</option>
							<option value='2'>2</option>
						</select>
						
						
						<label for="startTime">入住时间</label>
					     <input type="date" data-clear-btn="false" name="startTime" id="date-1" value="">
					      	至
					     <input type="date" data-clear-btn="true" name="endTime" id="date-2" value="">
						
    				</div>
    				<br>
    				<input id="submit" type="submit" value="提交">
				</div>
			</form>
		</div>
</body>
</html>
